@charset "utf-8";
body
{
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #777;
	margin: 0;
	padding: 0 0 20px;
	color: #000;
	width: 100%;
	min-height: 100%;
    font-size: 12px;
}


/* Inicio de los atributos de las ventanas modales */
/* Incono externo de cerrar */

#dialog-modal {
	display:none;
	 }

.ui-dialog .ui-dialog-titlebar-close{
	margin-right:-20px
	}
	
.dialog-form-close{ 
    position:absolute;
    right:-40px;
    top:-20px;
    background-image: url('http://ebarrio.es/img/icono_cerrar.png');
/*    background-position: 8px -168px;*/
    width:58px;
    height:60px;
    cursor: pointer
}
.ui-dialog{overflow:visible}

/* Fin de los atributos de las ventanas modales */


.cabecera {
height: 100px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5A5A5A ), to( #222 /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #5A5A5A /*{d-bar-background-start}*/, #222 /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #5A5A5A /*{d-bar-background-start}*/, #222 /*{d-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #5A5A5A /*{d-bar-background-start}*/, #222 /*{d-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #5A5A5A /*{d-bar-background-start}*/, #222 /*{d-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #5A5A5A /*{d-bar-background-start}*/, #222 /*{d-bar-background-end}*/);

	text-align: center;
}

.cabecera .centro{
	width: 1280px;
	margin: 0 auto;
	height: 100px;
}

.cabecera .login{
/*	height: 3em;*/
	position:relative;
	float: right;
	top: 10px;
	padding: 0 10px;
}

.cabecera .centro .logotipo{
/*	height: 200px;
*/	width: 400px;
	position:absolute;
	padding-top: 10px;

}

#icono{
	height: 80px;
	width: 144px;
	display:block;
	background-image: url(http://ebarrio.es/img/Icono.png);
	background-size:contain;
	-moz-background-size:contain;

/*	background*/
}

.logarse{
	color: #F09A10;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 5px;
}


/* FORM de REGISTRO */


#form_registro{
/*	height: 3em;*/
	position:relative;
    display: inline;
	float: left;
	top: 10px;
	padding: 0 10px;
/*	height: 300px;*/
}

.forms_registro{
    padding-left: 5px;
    display: inline;
    position: relative;
    width: 300px;
    float: left;
}

#mapa_google{
	height: 300px;
}


.bgtransparent{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.6;
}

.bgmodal{
        position: fixed; 
        font-family: arial;
        font-size: 10px;
        border: 2px solid red;
/*        overflow: auto; */
        overflow: hidden;
        background-color: #fff;
}


.mod-cerrar{
	position: absolute;
	right: -17px;
	margin-top: -10px;
	background-color: rgb(255,255,0);
	color: rgb(255,255,0);
	background: url(http://ebarrio.es/img/volver-aspa.png);
	height: 50px;
	width: 120px;
}

#ebarrio_user {
margin: 0 auto;
position: relative;
}

#cabecera {
height: 300px;
}



#opciones ul li.selected a {
font-weight: bold;
border-bottom: 2px solid #FF9C08;
color: white;
}
#opciones ul li a.selected {
font-weight: bold;
border-bottom: 2px solid #FF9C08;
color: white;
}



#opciones {
height: 25px;
float: left;
position: absolute;
top: 0;
right: 20px;
}

#opciones .left {
float: left;
width: 3px;
height: 25px;
background: url('../img/dock.png') no-repeat left top;
}

#opciones .right {
float: left;
width: 3px;
height: 25px;
background: url('../img/dock.png') no-repeat right top;
}

#opciones ul {
padding: 0 6px;
height: 25px;
background-color: black;
}

/* Pone las opciones en una fila */
#opciones ul, #opciones ul li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}

#opciones ul li {
/* padding: 0 6 0 6px;*/
padding-left: 6px;
padding-right: 6px;
position: relative;
}

#opciones img.cerrar_desactivado {
float: left;
display: none;
padding: 0 5px;
color: #CCC;
}

#opciones img.cerrar_activado {
float: left;
display: block;
padding: 0 5px;
color: #CCC;
cursor: pointer
}


#opciones ul li a.menu {
float: left;
display: block;
padding: 0 5px;
color: #CCC;
text-decoration: none;
font-size: 12px;
line-height: 22px;
}



#opciones ul li a.menu:hover {
color: white;
border-bottom: 2px solid #FF9C08;
}



#opciones .abierto {
display: block;
padding: 3px;
background: #333;
text-align: right;
font-size: .8em;
opacity: 0;
position: absolute;
cursor: pointer;
-webkit-transition: opacity .2s linear; }

#opciones:hover .abierto {opacity: .7; }

#opciones .cerrado {
display: none;
}

/* Pantallas de dialogo */
/*body { font-size: 62.5%; }*/
label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
